<!DOCTYPE html>
<html>
<head>
    <title>{{cache('kv_basic_name')}}</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="keywords" content="Auto Portal Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template,
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
    <script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
    <link href="{{asset("system/css/bootstrap.css")}}" rel='stylesheet' type='text/css' />
    <link href="{{asset("system/css/style.css")}}" rel='stylesheet' type='text/css' />
    <script src="{{asset("system/js/jquery.min.js")}}"></script>
    <!---- start-smoth-scrolling---->
    <script type="text/javascript" src="{{asset("system/js/move-top.js")}}"></script>
    <script type="text/javascript" src="{{asset("system/js/easing.js")}}"></script>
    <script type="text/javascript">
        jQuery(document).ready(function($) {
            $(".scroll").click(function(event){
                event.preventDefault();
                $('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
            });
        });
    </script>
    <!--start-smoth-scrolling-->
    <!--script-->
    <script src="{{asset("system/js/modernizr.custom.97074.js")}}"></script>
    <script src="{{asset("system/js/jquery.chocolat.js")}}"></script>
    <link rel="stylesheet" href="{{asset("system/css/chocolat.css")}}" type="text/css" media="screen" charset="utf-8">
    <!--light-box-files -->
    <script type="text/javascript" charset="utf-8">
        $(function() {
            $('.gallery a').Chocolat();
        });
    </script>
    <script type="text/javascript" src="{{asset("system/js/jquery.hoverdir.js")}}"></script>
    <!--业绩图引入样式-->
    <link rel="stylesheet" type="text/css" href="{{asset("admin/score/css/bootstrap-grid.min.css")}}" />
    <link rel="stylesheet" type="text/css" href="{{asset("admin/score/css/style.css")}}">
   <style type="text/css">
       .banner{  background:url({!! fragment('home-navigation-background','picture') !!}) no-repeat;
           background-size:cover;
           -webkit-background-size:cover;
           -moz-background-size:cover;
           -o-background-size:cover;
           -ms-background-size:cover;
           min-height:750px;
       }
   </style>

</head>
<body>
<!--start-banner-->
<div class="banner">
    <div class="container">
        <div class="header" id="home">
            <div class="head">
                <div class="logo">
                    <a href="index.html"><img src="{!! fragment('home-navigation-logo','picture') !!}" alt="" /></a>
                </div>
                <div class="navigation">
                    <span class="menu"></span>
                    <ul class="navig">
                        <li><a href="index.html"  class="active hvr-bounce-to-bottom scroll">首页</a></li>
                        <li><a href="#about" class="hvr-bounce-to-bottom scroll">关于我们</a></li>
                        <li><a href="#gallery" class="hvr-bounce-to-bottom scroll">业务</a></li>
                        <li><a href="#news" class="hvr-bounce-to-bottom scroll">新闻</a></li>
                        <li><a href="#contact" class="hvr-bounce-to-bottom scroll">联系我们</a></li>
                    </ul>
                </div>
                <div class="clearfix"></div>
            </div>
        </div>
        <div class="banner-bottom">
            <h1>{!! fragment('home-navigation-content','title') !!}</h1>
            <p>{!! fragment('home-navigation-content','content') !!}</p>
        </div>
        <div class="bnr-btm">
            <a href="#auto" class="scroll"><img src="{!! fragment('home-navigation-content','picture') !!}" alt=""></a>
        </div>
    </div>
</div>
<!--end-banner-->
<!-- script-for-menu -->
<script>
    $("span.menu").click(function(){
        $(" ul.navig").slideToggle("slow" , function(){
        });
    });
</script>
<!--script-for-menu-->
<!--auto-starts-->
<div class="auto" id="auto">
    <div class="auto-1">
        <div class="col-md-4 auto-left">
            <img style="height:370px;" src="{!! fragment('home-content-left','picture') !!}" alt="">
            <div class="tool">
                <a class="tooltips" href="#">
                    <span></span></a>
            </div>
        </div>
        <div class="col-md-4 auto-left auto-middle">
            <h2>{!! fragment('home-content-left','title') !!}</h2>
            <p>{!! fragment('home-content-left','content') !!}</p>
        </div>
        <div class="col-md-4 auto-left auto-right">
            <img style="height:370px;" src="{!! fragment('home-content-right','picture') !!}" alt="">
            <div class="tool-1">
                <a class="tooltips-1" href="#">
                    <span></span></a>
            </div>
        </div>
        <div class="clearfix"></div>
    </div>
    <div class="auto-1">
        <div class="col-md-4 auto-left auto-middle">
            <h3>{!! fragment('home-content-right','title') !!}</h3>
            <p>{!! fragment('home-content-right','content') !!}</p>
        </div>
        <div class="col-md-4 auto-left">
            <img style="height:370px;"  src="{!! fragment('home-content-center','picture') !!}" alt="">
            <div class="tool">
                <a class="tooltips" href="#">
                    <span></span></a>
            </div>
        </div>
        <div class="col-md-4 auto-left auto-middle">
            <h3>{!! fragment('home-content-center','title') !!}</h3>
            <p>{!! fragment('home-content-center','content') !!}</p>
        </div>
        <div class="clearfix"></div>
    </div>
</div>
<!--auto-end-->
<!--about-starts-->
<div class="about" id="about">
    <div class="container">
        <div class="about-top heading">
            <h3>{!! fragment('us-top-titleWithEx','title') !!}</h3>
            <p>{!! fragment('us-top-titleWithEx','content') !!}</p>
        </div>
        <div class="about-bottom">
            <div class="choose-1">
                @if(isset($develops))
                    @foreach($develops as $develop)
                    <div class="col-md-6 choose-left">
                        <div class="c-left">
                            <h4>{{isset($develop)?$develop->title:""}}</h4>
                            <p>{{isset($develop)?$develop->content:""}}</p>
                        </div>
                        <div class="c-right">
                            <span class="glyphicon glyphicon-globe" aria-hidden="true"></span>
                        </div>
                        <div class="clearfix"></div>
                    </div>
                    @endforeach
                @endif

                <div class="clearfix"></div>

            </div>

        </div>
    </div>
</div>
<!--about-end-->
<!--people-starts-->
<div class="people">
    <div class="container">
        <div class="people-top heading">
            <h3>What People Say?</h3>
        </div>
        <div class="people-bottom">
            @if(isset($persons))
                @foreach($persons as $person)
            <div class="col-md-6 people-left">
                <div class="p-left">
                    <img style="height:200px;" src="{{asset("$person->picture")}}" alt="" />
                </div>
                <div class="p-right">
                    <h4>{{$person->title}}</h4>
                    <p>{{$person->content}}</p>
                </div>
                <div class="clearfix"></div>
            </div>
            @endforeach
            @endif

        </div>
    </div>
</div>
<!--people-end-->
<div class="copyrights">Collect from <a href="" >企业网站模板</a></div>

<!--gallery-starts-->
<div class="gallery" id="gallery">
    <div class="gallery-top heading">
        <h3>{!! fragment('operation-top-title','title') !!}</h3>
    </div>
    <div class="gallery-bottom">
        <div class="demo">
            <div class="container">
                <div class="row">
                    @if(isset($operations))
                        @foreach($operations as $operation)
                    <div class="col-md-3 col-sm-6">
                        <div class="box">
                            <div class="box-img">
                                <img src="{{asset("$operation->picture")}}" alt="">
                            </div>
                            <div class="box-content">
                                <h4 class="title">{{$operation->title}}</h4>
                                <p class="description">{{$operation->content}}</p>
                                <ul class="social-links">
                                    <li><a href="#" class="fa fa-qq"></a></li>
                                    <li><a href="#" class="fa fa-weibo"></a></li>
                                    <li><a href="#" class="fa fa-weixin"></a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                        @endforeach
                    @endif
                </div>
            </div>
        </div>

    </div>
    <script type="text/javascript">
        $(function() {

            $(' #da-thumbs > li ').each( function() { $(this).hoverdir(); } );

        });
    </script>
</div>
<!--gallery-end-->
<!--news-starts-Here-->
<div class="news" id="news">
    <div class="container">
        <div class="news-main">
            <div class="news-top heading">
                <h3>{!! fragment('news-top-contents','title') !!}</h3>
                <p>{!! fragment('news-top-contents','content') !!}</p>
            </div>

            @if(isset($news))
                @foreach($news as $new)
            <div class="news-bottom-one">
                <div class="col-md-2 news-bottom-left">
                    <h5>{{$new->title}}</h5>
                </div>
                <div class="col-md-10 news-bottom-right">
                    <p>{{$new->content}}</p>
                    <div class="bn">
                        <a href="#">Read More</a>
                    </div>
                </div>
                <div class="clearfix"> </div>
            </div>
                @endforeach
            @endif
        </div>
    </div>
</div>
<!--news-Ends-Here-->
<!--contact-starts-->
<div class="contact" id="contact">
    <div class="container">
        <div class="contact-top">
            <div class="col-md-4 contact-left">
                <div class="add1">
                    <span class="glyphicon glyphicon-map-marker" aria-hidden="true"></span>
                    <p>{{cache('kv_basic_addr')}}</p>
                </div>
                <div class="add1">
                    <span class="glyphicon glyphicon-earphone" aria-hidden="true"></span>
                    <p>{{cache('kv_basic_telephone')}}</p>
                </div>
                <div class="add1">
                    <span class="glyphicon glyphicon-envelope" aria-hidden="true"></span>
                    <p><a href="mailto:example@email.com">{{cache('kv_basic_email')}}</a></p>
                </div>
            </div>
            {{--{{route("system.contact")}}--}}
            <div class="col-md-8 contact-right">
                <form   id="formAdd" name="formAdd"  required="required"  method="post" onsubmit="return  checksubmit()">
                    <input type="hidden" name="_token"   id="_token" value="<?php echo csrf_token(); ?>">
                    <input type="text" name ="uname"  required="required" placeholder="姓名" >
                    <input type="text" name="uemail"   required="required"   placeholder="邮箱"　>
                    <input type="text" name="addr"    required="required"  placeholder="地址"　>
                    <textarea id="content" name="content"   required="required"  placeholder="内容"></textarea><br>
                    <div class="submit">
                      <input type="submit"  name ="发送信息">
                    </div>
                    <img id="success" style="width:90px;" src="{{asset("system/images/www.jpg")}}">
                </form>
            </div>
            <div class="clearfix"></div>
        </div>
    </div>
</div>
<!--contact-end-->
<!--footer-starts-->
<div class="footer">
    <div class="container">
        <div class="footer-top">
            <a href="#"><img src="{!! fragment('home-navigation-logo','picture') !!}" alt="" ></a>
            <ul>
                <li><a href="#"><span class="fb"></span></a></li>
                <li><a href="#"><span class="twit"></span></a></li>
                <li><a href="#"><span class="google"></span></a></li>
                <li><a href="#"><span class="pin"></span></a></li>
            </ul>
            <p>{{cache('kv_basic_name')}} </p>
        </div>
    </div>
     <!--需要引入的js :layui.all.js-->
    <script type="text/javascript" src="{{asset('system/layui/lay/dest/layui.all.js')}}"></script>
    <script type="text/javascript">

      function checksubmit()
      {
          var url   = "{{route("system.contact")}}";
          var uname =$("input[name='uname']").val();
          var email =$("input[name='uemail']").val();
          var addr  =$("input[name='addr']").val();
          var content = $("#content").val();
          var _token = $("#_token").val();

          $.post(url,{uname:uname,email:email,addr:addr,content:content,_token:_token},function(data){
              if(data.code == 0){
                  layer.msg(data.msg,{
                      icon:6
                      ,time:2000
                      ,anim:1
                  });
                  setInterval(function(){
                      window.location.reload();
                  },2000);
              }else if(data.code == 1){
                  layer.msg(data.msg,{
                      icon:5
                      ,time:2000
                      ,anim:6
                  });
              }
          });
          return false;

      }

       $(document).ready(function() {



            /*
             var defaults = {
             containerID: 'toTop', // fading element id
             containerHoverID: 'toTopHover', // fading element hover id
             scrollSpeed: 1200,
             easingType: 'linear'
             };
             */

            $().UItoTop({ easingType: 'easeOutQuart' });

        });
    </script>
    <a href="#home" id="toTop" class="scroll" style="display: block;"> <span id="toTopHover" style="opacity: 1;"> </span></a>
</div>
<!--footer-end-->
</body>
</html><!DOCTYPE html>
<html>
</html>